*{margin:0 ; padding:0 ;font-size: 14px;font-family: "Microsoft YaHei";}
img {display: block;}
a {text-decoration: none; cursor:pointer !important;font-family: "Microsoft YaHei";}
a:hover{ color:#257dc1;}
.clear{clear: both; font-size:0; height:0; line-height:0;content: "";}
li {list-style: none;}
.container {width: 1200px;margin: 0 auto;position: relative; }
.f_left {float: left;}
.f_right {float: right;}

/* top */
.header-div{ width:100%; height:auto; background:url(../images/navbg.png) no-repeat center bottom; border-bottom:4px solid #257dc1; padding:30px 0 0 0;}
.header-top-l{ width:840px; height:37px; line-height:37px; color:#666666; color:#666666; text-align:right; margin-bottom:7px;}
.header-top-l img{ display:inline-block; width:auto; height:24px; vertical-align:middle; margin:0 0 0 22px;}
.header-top-l span{ font-size:18px; font-weight:bold; color:#257dc1; padding-left:15px;}
/* logo/nav */
.logo{ width:338px; height:auto; padding:0px 0 0 0;}
.logo img{ display:block; width:267px; height:88px;}
.logo span{display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    padding: 0 15px;
    background:#257dc1;
    border-radius: 8px;color: #fff;margin: 0 0 0 24px;letter-spacing: 3px;}
.nav{ width:800px; height:78px;}
.nav li{ width:100px; height:auto; float:left; color:#333;}
.nav li .a1{ color:#fff;font-size:16px; display:block; height:78px; line-height:78px; text-align:center;}
.nav li .a1:hover{ background:url(../images/footnav.jpg) no-repeat center 60px; color:#fff; font-weight:bold;}
.nav li.on a.a1{background:url(../images/footnav.jpg) no-repeat center 60px !important; color:#fff !important; font-weight:bold;}
.nav-down {display:none;position: absolute;top: 120px;left: 0;width:1200px;
    z-index: 9999;background-color:rgba(0,0,0,0.6); padding:40px 0 40px 0;}
.nav li:hover .nav-down {display: block ;}
.nav-img{ width:600px; height:240px; display:block;}
.nav-dl{text-align:left; width:480px; min-height:240px; padding:0 0 0 80px}
.nav-dl dt{ height:52px; line-height:52px;  font-weight:600; margin-bottom:14px;}
.nav-dl dt span{display:block; width:48px; height:2px; content:"";line-height:2px; background:#e67817;}
.nav-dl dt a{ color:#ffffff;font-size:24px !important;}
.nav-dl dd{ float:left; width:200px;height:45px; line-height:45px;}
.nav-dl dd a{ color:#cccccc;font-size:18px !important;}
.nav-dl dd a:hover{ color:#fffefe !important}
/* banner */
.index-banner {min-width: 1200px;}
.banner {width: 100%;height:510px;position: relative;}
.banner a {display: block;width: 100%;height:100%;}
.banner img {width: 100%;}
.banner02{ width:100%;height:520px; overflow:hidden}
/* 鍥剧墖鑷€傚簲 */
/*.swiper-slide img{width:auto;height: auto;max-width:100%;}*/
.swiper-slide img{width: 100%;height: auto;max-width: 100%;}

/* footer */
.footer-div { width:100%; height:auto; background:#333333; padding:15px 0 45px 0;}
.footer-nav{ height:45px; padding:8px 0; text-align:center; line-height:45px; margin-bottom:40px; border-bottom:1px solid #fff;}
.footer-nav a{ display:inline-block; color:#ffffff; font-size:16px; height:45px; width:140px; }
.footer-nav a:hover,.footer-nav a.on{ background:url(../images/footnav.jpg) no-repeat center bottom}

.footer-lx{ width:1040px;height:auto;color:#fff; line-height:32px; padding:20px 0 0 0;}
.footer-lx p{ float:left; /*width:260px;*/width:280px;min-height:32px; line-height:32px; text-align:left; padding:0 0 0 48px; margin:0 0 18px 0;font-size:16px;}
.footer-lx p:nth-child(1){ background:url(../images/contacts01.png) no-repeat left top; margin-right:50px;}
.footer-lx p:nth-child(2){ background:url(../images/contacts02.png) no-repeat left top;}
.footer-lx p:nth-child(3){ background:url(../images/contacts03.png) no-repeat left top;}
.footer-lx p:nth-child(4){ background:url(../images/contacts04.png) no-repeat left top;margin-right:50px;}
.footer-lx p:nth-child(5){ background:url(../images/contacts05.png) no-repeat left top;}
.footer-lx p:nth-child(6){ background:url(../images/contacts06.png) no-repeat left top;}
.footer-lx p:nth-child(7){ background:url(../images/contacts01.png) no-repeat left top; margin-right:50px;clear: both; width:35%;}
.footer-lx p:nth-child(8){ background:url(../images/contacts01.png) no-repeat left top;}
.footer-lx p:nth-child(9){ background:url(../images/contacts01.png) no-repeat left top;margin-right:50px;width:35%;}
.footer-lx p:nth-child(10){ background:url(../images/contacts02.png) no-repeat left top;}
.footer-lx p:nth-child(11){ background:url(../images/contacts02.png) no-repeat left top;margin-right:50px; width:35%;}
.footer-lx p:nth-child(12){ background:url(../images/contacts02.png) no-repeat left top;width: 47%;}
.footer-lx p:nth-child(13){ background:url(../images/contacts04.png) no-repeat left top;width: 47%;}

.footer-ewm{ width:130px; height:auto; margin:0 20px 0 0;}
.footer-ewm p{text-align:center; height:30px; line-height:30px; color:#fff; }
.footer-ewm img{ display:block;width:130px; height:130px;}
.footer-copy{ background:#666666;color:#999999; line-height:30px; padding:5px 0; text-align:center;}
.footer-copy a{color:#999999;}
.footer-link{ line-height:40px; min-height:40px; padding:5px 0;color:#257dc1; font-weight:bold;font-size:20px;}
.footer-link a{ color:#333333; padding:0 20px 0 0; font-weight:normal; font-size:20px;} 
/* daoh */
.index-title { font-size:36px; font-weight:bold;line-height:45px; text-align:center; letter-spacing:4px; padding:50px 0 40px 0; color:#222222; letter-spacing:1px;}
.index-title font{font-size:36px; color:#257dc1; font-weight:bold;}
.index-title .p1{ height:30px; background:url(../images/dh01.png) no-repeat center top;}
.index-title a{font-size:36px;color:#222222;}
.index-title01{ font-size:36px; font-weight:bold; text-align:center; letter-spacing:4px; padding:50px 0 40px 0; color:#333333; letter-spacing:1px;}
.index-title01 img{ width:164px; height:70px; display:inline-block; vertical-align:bottom;}
.index-title01 .p2{ height:30px; background:url(../images/dh02.png) no-repeat center top;margin-top:16px;}
.index-title01 a{font-size:30px; color:#333333; }
.index-title01 .p3{ height:30px; background:url(../images/dh03.png) no-repeat center top;}
.index-title01 .p4{ height:30px; background:url(../images/dh09.png) no-repeat center top; margin-top:10px}

.index-title02{ font-size:30px; font-weight:bold; text-align:center; letter-spacing:4px; padding:50px 0 40px 0; color:#333333; letter-spacing:1px;}
.index-title02 font{ font-size:30px; font-weight:bold; color:#257dc1;}
.index-title02 .p4{ height:30px; background:url(../images/dh04.png) no-repeat center top;margin-top:16px;}
.index-title02 a{font-size:30px; color:#333333; }
/* 瀹㈡埛鍚嶅綍 */
.customer-dh{ height:170px; background:url(../images/hz1.jpg) no-repeat;}
.customer-dh .dh1{ width:665px; height:auto; font-size:24px; text-align:right; text-transform:uppercase; color:#6199cd; padding:18px 0 0 0;}
.customer-dh .dh1 span{ display:block; font-size:36px; font-weight:bold; color:#ffffff;}
.customer-dh .dh2{ width:478px; height:auto; height:86px; line-height:86px; color:#333333; font-size:24px;}
.customer{ width:100%; height:auto; background:url(../images/htbg.jpg) no-repeat center bottom; padding:0 0 60px 0;}
.customer-ul{ width:1200px; height:auto;}
.customer-ul li{ float:left; width:176px; height:76px; border:1px solid #cccccc; margin:0 0 26px 24px;}
.customer-ul li img{ display:block; width:176px; height:76px;}
.customer-ul li:hover{ border:1px solid #257dc1; box-shadow:0 0 3px 3px #257dc1;}
.customer-ul li:nth-child(6n+1){ margin-left:0}
/* index-about */
.index-about { width:100%;padding:10px 0 60px 0; background:#ffffff url(../images/aboutbg.jpg) no-repeat center top}
.index-about-video{ width:720px; min-height:609px;verflow:hidden; border:1px solid #e0e0e0; border-radius:15px 0 15px 0; background:rgb(229,229,229,0.6); padding:10px 0 0 0;}
.index-about-video1{ width:700px; height:400px; margin:0 auto 10px auto;}
.index-about-video-more{ height:35px; line-height:35px; text-align:center;}
.index-about-video-more a{ color:#333333; font-size:16px;}
.index-about-txt {width:440px; height:auto; background:url(../images/index01.png) no-repeat left bottom}
.index-about-txt .dh { width:188px; height:60px;font-size:30px;color: #ffffff;line-height:60px; border-radius:15px 0 15px 0; background:#257dc1; text-align:center; margin:0 0 25px 127px;}
.index-about-txt .txt { font-size:16px; line-height:30px;color: #333333;height:300px; padding:0 50px 0 50px;overflow: hidden; margin:0 0 9px 0;}
.index-about-txt-more {display: inline-block; width:80px;height:40px; line-height:40px; font-size: 16px;color: #fff;background:url(../images/about01.jpg) no-repeat; font-size:16px; text-transform:uppercase; margin:0 0 0 140px; padding:0 0 0 60px; color:#333333;}

.index-about-ul { height:160px; padding:27px 0 0 25px;}
.index-about-ul li { float:  left; width:100px; height:auto;line-height:40px; font-size:16px; text-align:center; margin:0 0 0 22px;}
.index-about-ul li img{ display:block;width:100px; height: 100px;}
.index-about-ul li a {color: #303030; display:block;font-size:16px;}
.index-about-ul li a:hover{color: #333333;}

.index-dynamic {background: #ebebeb;padding: 65px 0 85px 0;position: relative;  }
.index-dynamic-company {width: 795px;float: left;background: #fff;padding-bottom: 30px;}
.index-dynamic-company-title{background: url("../images/new_nav1.png")no-repeat center top;height:55px; }
.index-dynamic-company-title div{height: 55px;border-bottom:solid 1px #dddddd;}
.index-dynamic-company-title strong{margin:20px 0 0 20px; display: block;line-height: 18px;border-left: 3px solid #1f94de;padding-left: 8px;float: left;color: #1f94de;font-size: 16px;}
.index-dynamic-company-title img{display: block;float: right;margin:20px 20px 0 0;}
.index-dynamic-company_big{width: 730px;margin: 30px auto 0 auto;}
.index-dynamic-company_pic{float: left;width: 280px;position: relative;}
.index-dynamic-company_pic img{display: block;width: 280px;height: 297px;}
.index-dynamic-company_pic:hover .index-dynamic-company_float{display: block;}
.index-dynamic-company_pic .index-dynamic-company_float{display: block; position: absolute;background: rgba(31,148,222,0.4);color: #fff;padding: 17px 15px 25px 15px;left: 0;bottom: 0;width: 250px;}
.index-dynamic-company_float strong{display: block;margin-bottom: 5px;font-weight: normal;color: #fff;}
.index-dynamic-company_float p{line-height: 25px;color: #fff; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.index-dynamic-company_txt{float:right;width: 420px;}
.index-dynamic-company_txt li{border-bottom: 1px dotted #e3e2e2;padding-bottom: 15px;margin-bottom: 15px;}
.index-dynamic-company_txt li .index-dynamic-company_data{float: left;}
.index-dynamic-company_data strong{display: block;font-size: 32px;color: #666666;font-weight: bold;margin-bottom: 5px;text-align: center;}
.index-dynamic-company_data span{width: 62px; display: block;line-height: 22px;text-align: center;font-size: 13px;color: #fff;background: #c4c3c3;}
.index-dynamic-company_txt li:hover span {background: #1f94de;}
.index-dynamic-company_th{width: 338px;float:right;}
.index-dynamic-company_th strong{display: block;color: #333;margin-bottom: 5px;font-weight: normal;font-size:16px;}
.index-dynamic-company_txt li a:hover .index-dynamic-company_th strong{color: #1f94de}
.index-dynamic-company_th p{color: #777;line-height: 25px;font-size:14px; word-break:break-all;height:50px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.question{width: 360px;float: right;background: #fff;overflow: hidden;height:420px;}
.question .question_con{width: 380px;height:324px; margin-left:12px ;padding: 20px 0 30px 0;overflow-y: scroll;}
.question_con li{width: 310px;box-sizing: border-box; border-bottom: 1px dotted #e3e2e2;padding-bottom: 13px;margin-bottom: 13px;background:url(../images/index/list_style_grey.png)no-repeat left 3px;}
.question_con li:hover {background:url(../images/index/list_style_blue.png)no-repeat left 3px;}
.question_con li a {padding-left:19px;display: block;}
.question_con li a p{color: #333;line-height: 1;margin-bottom: 14px;}
.question_con li a p:nth-child(2) {color: #777;display: block;line-height: 25px;height: 50px;font-size: 14px; word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.question_con li:hover a p:first-child {color: #1f94de}

/*-------------------- news --------------------*/
.news-div{ width:100%; height:auto; background:#f5f5f5; padding:68px 0 112px 0;}
.news-dh1{ position:absolute; top:0px; left:-350px;width:768px;height:85px;border:1px solid #cccc; border-radius:10px 0 5px 0; z-index:1; color:#333333; font-size:30px; font-weight:bold; text-align:right; padding:13px 230px 0 0;}
.news-dh1 img{ display:inline-block; vertical-align:bottom; width:164px; height:70px; margin:0 17px 0 0;}
.news-dh2{ position:absolute; top:10px; right:-350px;width:1100px; height:100px; z-index:2;border-radius:5px 0 5px 0; background:url(../images/newsdh.jpg) no-repeat;}
.news-dh2 font:nth-child(1){ width:325px; display:block; height:30px; line-height:30px; font-size:18px; color:#fff; padding:16px 0 0 58px;}
.news-dh2 font:nth-child(2){width:325px; display:inline-block; height:30px; line-height:30px; font-size:30px; color:#fff; padding:0 0 0 58px; font-weight:bold;}
.news-dh2 a{ display:inline-block; width:120px; height:36px; line-height:36px; text-align:center; color:#257dc1; background:#fff; border-radius:18px; margin-top:-10px;}
.news-dh3{ height:111px; width:100%; overflow:hidden; margin-bottom:-11px;}
.index-new1{ width:540px; min-height:560px; background:#fff; padding:25px 20px 0 20px;}
.index-list1{ width:580px;min-height:585px; background:#fff;}
.index-list1 img{ display:block; width:580px; height:400px; margin-bottom:22px;}
.index-list1 .dh1{ height:26px;line-height:26px; color:#257dc1; font-size:18px; padding:0 20px; overflow:hidden;}
.index-list1 .dh2{ height:40px; line-height:40px; overflow:hidden;color:#333; border-bottom:1px solid #257dc1; padding:0 20px; margin-bottom:15px}
.index-list1 .txt{ line-height:26px; height:52px; overflow:hidden; color:#666; padding:0 20px}

.index-list3{height:90px; overflow:hidden; padding:19px 21px; border-bottom:1px dashed #cccccc;}
.index-list3 .time{ width:90px; height:72px; display:inline-block; text-align:center; color:#ffffff; line-height:30px; background:#cccccc; padding:18px 0 0 0; margin:0 30px 0 0;}
.index-list3 .time span{ display:block; font-size:30px; font-weight:bold;}
.index-list3 .dh{  height:30px; line-height:30px; overflow:hidden; font-size:18px;}
.index-list3 .txt{ height:52px; line-height:26px; overflow:hidden;}
.index-list3 a{ color:#333333;}

.news-div01{ width:100%; height:auto; background:url(../images/jsfxbg.jpg) repeat-y center top;}
.news-list-dh{ width:240px; height:80px; border:2px solid #257dc1; border-radius:13px 0 13px 0; margin:20px auto 43px auto; font-size:36px; font-weight:bold; color:#333333; text-align:center; line-height:80px;}
.news-list-dh span{ color:#257dc1;font-size:36px; font-weight:bold;}
.news_list { width:100%; height:auto}
.news_list li { float:left;width:380px;height:auto;border: 1px solid #efefef;margin:0 0 40px 27px; }
.news_list li img {width:380px; height:240px; display:block; }
.news_list li .txt {padding:17px 22px; border:1px solid #cccccc; border-top:none;}
.news_list li .txt font {font-size: 16px; font-weight:bold;color: #333333;line-height:35px;height:35px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_list li .txt p {color: #333;line-height: 26px;height:52px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.news_list li:hover{ box-shadow:0 0 5px 5px #f2f0ef; border-radius:3px;}
.news_list li:nth-child(3n+1){ margin-left:0px;}
.news-line{ box-shadow:inset 0px 15px 10px -15px #999; padding:12px 0;}
/* index-advantage */
.index-advantage {padding:30px 0 76px 0; background:#fff;}
.index-advantage-l{ width:1200px; height:auto; box-shadow:0 0 5px 5px #f0f0f0; border-radius:4px;}
.index-advantage-l01{ width:100%; height:auto; display:none}
.index-advantage-l01:first-child{ display:block;}
.index-advantage-txt{ width:550px; height:355px; background:#fff; padding:45px 0 0 50px; background:url(../images/dh05.png) no-repeat 418px 45px, url(../images/dh06.png) no-repeat 505px 332px;}
.index-advantage-txt .dh{height:60px; line-height:60px; font-size:30px; color:#1a1a1a; font-weight:bold; border-bottom:2px solid #cccccc; width:480px;}
.index-advantage-txt .dh font{ color:#257dc1; font-size:30px;}
.index-advantage-txt .dh1{ height:40px; line-height:40px; font-size:23px; color:#999999; margin-bottom:6px}
.index-advantage-txt .dh1 font{ font-size:36px; color:#257dc1}
.index-advantage-txt .dh1 span{font-size:36px; color:#999;}
.index-advantage-txt .p1{ height:40px; line-height:40px; background:url(../images/dh07.png) no-repeat 0 center; padding:0 0 0 27px; font-size:16px; margin:15px 0 15px 0;}


.index-advantage-img1{ width:600px; display:block; height:400px;}
.index-advantage-ul{ width:1200px; height:auto; padding:10px 0 0 0;}
.index-advantage-ul li{ float:left;width:294px; height:120px; position:relative; overflow:hidden; margin:0 0 0 8px; text-align:center;}
.index-advantage-ul li img{ display:block; width:294px; height:120px;}
.index-advantage-ul li font{ font-size:36px; color:#fff; padding:0 30px 0 0; vertical-align:middle;}
.index-advantage-ul li .p1{ position:absolute; top:0px; left:0px; width:100%; height:120px; line-height:120px;font-size:30px; color:#fff; font-weight:bold; background:rgb(0,0,0,0.6); cursor:pointer;}
.index-advantage-ul li .p1:hover,.index-advantage-ul li.on .p1{background:rgb(37,125,193,0.8);}
.index-advantage-ul li:first-child{ margin-left:0}
/* index-product */
.index-product-main { width:1200px; height:auto}
.index-product-main ul{ width:1200px; height:auto;}
.index-product-main li{ width:302px; height:auto; float:left;margin:0 0 67px 147px;}
.index-product-main li .p1{ width:300px; height:300px; border:1px solid #999999; overflow:hidden; margin-bottom:18px;}
.index-product-main li img{ display:block; width:300px; height:300px;transition:all 0.3s;}
.index-product-main li font{ display:block; height:48px; line-height:48px; overflow:hidden; font-size:20px; color:#333333; font-weight:bold; border-bottom:1px solid #333333;}
.index-product-main li .txt{ height:52px; overflow:hidden; line-height:26px; margin:15px 0 20px 0;}
.index-product-main li .more01{ display:inline-block; width:100px; height:36px; line-height:36px; text-align:center; background:#257dc1; color:#fff; border-radius:18px;}
.index-product-main li .more01:hover{ color:#fff;}
.index-product-main li .more02{display:inline-block; width:100px; height:32px; line-height:32px; text-align:center; border:2px solid #257dc1;border-radius:16px; color:#333333; margin-left:20px;}
.index-product-main li .more02:hover{color:#333333;}
.index-product-main li a{ color:#333;}
.index-product-main li a:hover{ color:#e67817;}
/*.index-product-main li:hover img{transform: scale(1.2);-ms-transform: scale(1.1);}*/
.index-product-main li:hover .p1{ box-shadow:0 0 5px 5px #f4f4f4;}

.index-product-main ul li:first-child{ margin-left:0px;}
.index-product-main ul li:nth-child(4){ margin-left:0px;}

.products-div{ width:100%; height:auto; background:url(../images/contactsbg.jpg) repeat-y center top;}
.products-nav-line{ width:260px;height:30px;background:#257dc1;border-radius:15px 0 0 0; margin:490px 0 0 0;}
.products-nav{ width:260px; height:auto; background:#257dc1; border-radius:0 0 15px 0; position:relative; z-index:9; padding:0 0 70px 0;}
.products-nav .dh{ height:48px; line-height:48px; color:#ffffff; font-size:30px; font-weight:bold; margin:0 0 10px 30px; border-bottom:2px solid #fff; width:200px; padding:0 0 10px 0;}
.products-nav ul{ width:200px; height:auto; margin:0 0 0 30px}
.products-nav ul li{ width:200px; height:auto; margin-bottom:12px;}
.products-nav ul li .a1{ display:block;height:56px; line-height:56px; overflow:hidden; border-bottom:1px dashed #fff;font-size:18px;color:#fff;background:url(../images/pronav1.png) no-repeat 180px center;}
.products-nav ul li .a1:hover,.products-nav ul li.on .a1{background:url(../images/pronav2.png) no-repeat 180px center; color:#fff !important; }
.products-nav ul li .a2{ overflow: hidden;min-height: 0px; transition: min-height .2s;width:180px; height:auto; padding:0 0px 0 20px;}
.products-nav ul li .a2 a{ display:block; height:36px; line-height:36px;color:#fff; font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


.products-l{ width:260px; height:auto; margin:0 0 60px 0;}
.products-l-ul{ width:260px; height:auto; margin:-16px 0 0 0; position:relative; z-index:10}
.products-l-ul .dh{ font-size:30px; font-weight:bold; height:70px; line-height:70px; border-bottom:2px solid #222222; color:#222222; background:url(../images/dh08.png) no-repeat right top; margin:0 0 30px 0; padding:30px 0 0 0;}
.products-l-ul ul{ width:260px; height:auto;}
.products-l-ul ul li{ width:120px; height:auto; float:left; text-align:center; margin:0 0 10px 10px;}
.products-l-ul ul li img{ display:block; width:120px; height:110px;}
.products-l-ul ul li p{ font-size:14px; height:40px; line-height:40px; overflow:hidden}
.products-l-ul ul li a{ color:#333333;}
.products-l-ul ul li:nth-child(2n+1){ margin-left:0px;}

.products-r{ width:930px; height:auto; padding:70px 0 0 0;}
.products-r-ul{ width:930px; height:auto;}
.products-r-ul li{ width:280px; height:auto; float:left; margin:0 0px 38px 30px; border-bottom:1px solid #cccccc; padding:0 0 8px 0;}
.products-r-ul li img{ width:280px; height:280px; display:block;}
.products-r-ul li .dh{  height:50px; line-height:50px; overflow:hidden; font-size:20px; font-weight:bold; padding:6px 5px 0 15px;}
.products-r-ul li .txt{ line-height:26px; height:52px; overflow:hidden; color:#999999; padding:0 5px 0 15px;}
.products-r-ul li a{ color:#333333}
.products-r-ul li a:hover{ color:#e67817;}
.products-r-ul li:hover{ box-shadow:0 0 5px 5px #f4f4f4;  border-bottom:1px solid #FFF;}

.pro-dh{color:#fffefe; font-weight:bold; background:#257dc1; height:60px; line-height:60px; margin:40px 0 40px 0; border-radius:15px 0 15px 0;}
.pro-dh span{ display:inline-block; height:60px;  font-size:24px; font-weight:bold; color:#fff; padding:0 0 0 30px;}
.pro-dh2{color:#fffefe; font-weight:bold; background:#257dc1; height:60px; line-height:60px; margin:40px 0 0 0; border-radius:15px 0 0 0;}
.pro-dh2 span{ display:inline-block; height:60px;  font-size:24px; font-weight:bold; color:#fff; padding:0 0 0 30px;}
.pro-dh3{color:#257dc1; font-size:24px;font-weight:bold; background:url(../images/prodh1.jpg) no-repeat 4px center, url(../images/prodh2.jpg) no-repeat 0 bottom; height:54px; line-height:54px; margin:32px 0 35px 0; padding:0 0 3px 54px;}

.pro-ul-tj{ width:1200px; height:auto; margin-bottom:40px;}
.pro-ul-tj li{ width:260px; height:auto; float:left; text-align:center; margin:0  0 0 53px;}
.pro-ul-tj li img{ display:block; width:260px; height:200px; }
.pro-ul-tj li span{ display:block; height:56px; line-height:56px; overflow:hidden; font-size:18px; color:#333333; margin:10px 0 20px 0;}
.pro-ul-tj li:hover img{ box-shadow:0 0 3px 3px #e5e5e5;}
.pro-ul-tj li:nth-child(4n+1){ margin-left:0px;}
.pro-div1{ background:url(../images/probg.jpg) no-repeat center top; width:100%; height:auto;}
.pro-details{ width:100%; height:auto; font-size:16px; line-height:36px; color:#666666;}
.pro-details .p4{border:1px solid #f2e4e1; padding:25px 0 25px 40px; line-height:36px; color:#666666; font-size:16px;}
.pro-details .p4 font{ color:#257dc1;}
.pro-details .p4 span{ color:#257dc1;}
.pro-details .p3{ font-size:16px; color:#333333; line-height:35px; padding:0 38px 30px 38px;}
.pro-details-ul{ width:1200px; height:auto;}
.pro-details-ul li{ width:285px; height:auto; float:left; margin:0 0 30px 20px;}
.pro-details-ul li img{ display:block; width:285px; height:240px;}
/*.pro-details-ul li p{ font-size:20px; height:60px; line-height:60px; overflow:hidden; text-align:center;}*/
.pro-details-ul li p:nth-child(2){ font-size:20px; height:60px; line-height:60px; overflow:hidden; text-align:center;}
.pro-details-ul li:nth-child(1){ margin-left:0;}
.pro-details-dh{ height:50px; line-height:50px; background:url(../images/prodh3.jpg) no-repeat right center; font-size:24px; font-weight:bold; color:#257dc1; margin-bottom:20px;}
.pro-details-ul2{ width:100%; height:auto; background:#f5f5f5; margin:50px 0 0 0; padding:20px 0 30px 0;}
.pro-details-ul2 ul{ width:1200px; height:auto;}
.pro-details-ul2 ul li{ width:287px; height:auto; float:left; margin:0 0 15px 17px;}
.pro-details-ul2 ul li img{ width:285px; height:200px; display:block; border:1px solid #cccccc;}
.pro-details-ul2 ul li span{ display:block; height:58px; line-height:58px; text-align:center; font-size:20px;}
.pro-details-ul2 ul li:nth-child(4n+1){ margin-left:0;}
.pro-details-ul2 ul li a{ color:#333333;}
/*------------------------------ product-page ------------------------------*/
.swiper2-area {width:500px;height:116px;position: relative;border-bottom:1px solid #cccccc;}
.swiper2-area .swiper-button-prev { left:0; top:21px;width:0px;height:0px;}
.swiper2-area .swiper-button-next { right:0; top:21px;width: 0;height:0;}
.swiper2-area .swiper-wrapper{ width:480px; height:auto; margin-left:0; overflow:hidden;}
#swiper2 .swiper-slide {width:102px;height:102px;margin-right:20px;}
#swiper2 .swiper-slide img {width:100px;height:100px; border:1px solid #cccccc;}
#swiper2 .swiper-slide img:hover{ border:1px solid #257dc1;}

.a-product-left{ width:550px; height:550px; border:2px solid #cccccc; margin-bottom:30px;}
.a-product-left #swiper1 {width: 550px;height: 550px; }
.a-product-left #swiper1 .swiper-slide img {width:550px;height:550px;}
.a-product-right {width:580px;}
.a-product-right .dh{ height:auto; line-height:30px; padding:15px 0; font-size:24px; font-weight:bold; color:#333; border-bottom:1px solid #cccccc; margin-bottom:15px;}
.a-product-right .dh1{ font-size:16px; color:#666666; height:42px; line-height:42px; padding:4px 0;}
.a-product-right-ul {width:540px; height:auto; margin-bottom:45px;}
.a-product-right-ul li { height:auto; line-height:35px; color:#666666; font-size:16px;}
.a-product-tel{ height:50px; line-height:50px; font-size:24px; color:#205cad;}
.a-product-tel img{ display:inline-block; width:36px; height:37px; margin:0 12px 0 0; vertical-align:middle;}

.swiper3-area {width:720px;height:auto;position: relative;}
.swiper3-area .swiper-button-prev { left:0; top:71px;width:24px;height:48px; background:url(../images/indexleft.png) no-repeat;}
.swiper3-area .swiper-button-next { right:0; top:71px;width:24px;height:48px; background:url(../images/indexlefta.png) no-repeat;}
.swiper3-area .swiper-wrapper{ width:720px; height:160px;  border:1px solid red;}
#swiper3{width:720px; height:160px; }
#swiper3 .swiper-slide {width:220px;height:160px;margin-right:0; }
#swiper3 .swiper-slide img {width:200px;height:140px; border:1px solid #dadada; padding:9px;background:#f9f9f9;}
#swiper3 .swiper-slide img:hover{ border:1px solid #257dc1;}

/*------------------------------ contact ------------------------------*/
.contact-div { width:100%; height:auto; background:url(../images/contactsbg.jpg) no-repeat center top;}
.contact-dt{ width:100%; height:auto}
.contact-dt01{width:100%; height:610px; display:none;}
.contact-dt01:nth-child(1){ display:block;}
.contact-dt01 img{width:100%;}
.contact-nav{ width:1200px; height:auto; text-align:right; margin:0 auto; padding:15px 0;}
.contact-nav a{ display:inline-block; /*width:60px;*/width:260px; height:32px; line-height:32px; font-size:16px; color:#333333; text-align:center;}
.contact-nav a:hover,.contact-nav a.on{ color:#fff !important; background:#257dc1; border-radius:10px 0 10px 0}
.contact-txt{ width:1050px; min-height:480px; background:#e6e6e6; margin:30px 0 40px 0;border-radius:12px 0 12px 0;}
.contact_list{ width:760px;padding:28px 0 40px 243px;  font-size:16px; line-height:32px;}
.contact_list .dh{ font-size:24px; font-weight:bold; color:#333333; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #999999; margin-bottom:10px}
.contact_list font{ color:#e50012; font-size:16px;}
.contact_list01{ width:440px;margin:0 87px 40px 33px;  font-size:16px; line-height:32px;padding:28px 0 40px 243px;margin:0;}
.contact_list01 .dh{ font-size:24px; font-weight:bold; color:#333333; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #999999; margin-bottom:10px}
.contact_list02{ width:440px;  font-size:16px; line-height:32px;}
.contact_list02 .dh{ font-size:24px; font-weight:bold; color:#333333; height:40px; line-height:40px; text-align:left; border-bottom:1px solid #999999; margin-bottom:10px}

.contact_list03{ position:absolute; top:60px; left:0px; z-index:1; width:330px; height:240px; line-height:34px; background:#257dc1; border-radius:13px 0 13px 0; color:#fff; padding:0 0 0 30px;}
.contact_list03 .dh{ font-size:30px; font-weight:bold; color:#fff; padding:30px 0 20px 0;}
.contact_list03 span{ display:block; font-size:24px; margin-bottom:20px}
/*---------------------甯歌闂 ------------------------------*/
.cjwt-dh{color:#e67817; font-weight:bold; background:url(../images/dh2.jpg) no-repeat right center; height:28px; line-height:28px; margin:55px 0 15px 0;}
.cjwt-dh span{ display:inline-block; height:28px; background:#fff url(../images/dh1.jpg) no-repeat right center; padding:0 28px 0 0; font-size:24px; }
.cjwt-list{ width:1080px; height:auto; margin:0 auto;border-bottom:1px solid #ccc;color:#e67817; padding:20px 0 20px 0; cursor:pointer;}
.cjwt-list .dh{ height:45px; line-height:45px; font-size:18px; background:url(../images/cjwt02.jpg) no-repeat left center; padding:0 0 0 30px; overflow:hidden;}
.cjwt-list .txt{ line-height:26px; height:auto; overflow:hidden; color:#333;}
.cjwt-list:hover .dh{ background:url(../images/cjwt01.jpg) no-repeat left center;}
/*-------------------- about --------------------*/
.about-dh{ background:#e6e6e6; height:160px; text-align:center; line-height:120px; border:1px solid #cccccc; border-radius:22px 0 22px 0; font-size:30px; color:#257dc1; font-weight:bold;}
.about_ul{ width:1200px; height:auto; position:relative; margin:-55px 0 26px 0;}
.about_ul li { float:left; width:222px; height:60px; margin:0 0 0 65px; padding:28px 0 0 0}
.about_ul li a{ display:block; width:158px; height:46px; line-height:46px; border:1px solid #999; margin:0 auto; background:#cccccc; border-radius:12px 0 12px 0; text-align:center; font-size:16px; color:#000000;}
.about_ul li a:hover,.about_ul li.on a{ background:#257dc1; color:#fff;}
.about_ul li:nth-child(1){ background:url(../images/aboutdh1.png) no-repeat center top}
.about_ul li:nth-child(2){ background:url(../images/aboutdh2.png) no-repeat center 4px}
.about_ul li:nth-child(3){ background:url(../images/aboutdh3.png) no-repeat center top}
.about_ul li:nth-child(4){ background:url(../images/aboutdh4.png) no-repeat center top}
.about-details{ width:640px; height:auto; background:url(../images/aboutbg1.jpg) no-repeat center 12px; padding:0 23px 0 27px;}
.about-details .dh{ font-size:24px; height:32px; line-height:32px; color:#333333; font-weight:bold; padding:0 0 0 45px;}
.about-details .txt{ line-height:30px; font-size:16px; color:#666666; padding:10px 0 70px 0;}
.about-details .txt p{font-size:16px;}
.about-video{ width:470px; height:auto;}
.about-video .txt{ width:420px; height:130px; background:#257dc1; border-radius:14px 0 14px 0; margin:19px 0 80px 0; font-size:16px; color:#fff; line-height:40px; padding:20px 0 0 50px}
.about-video .txt font{ font-size:18px; font-weight:bold;}
.about-video-a{ width:470px; height:340px; overflow:hidden; margin:18px 0 0 0;}

.about-zz{ width:100%; height:auto; background:url(../images/zsbg2.jpg) no-repeat center top; padding:0 0 20px 0;}
.about-zz ul{ width:100%; height:auto;}
.about-zz li{ width:260px; height:auto; float:left; margin:0 0 10px 40px; background:url(../images/zsbg.jpg) no-repeat;}
.about-zz img{ display:block; width:252px; height:178px; padding:4px;}
.about-zz span{ display:block; height:70px; line-height:70px; text-align:center; overflow:hidden; font-size:20px; color:#333333;}
.about-zz li:nth-child(4n+1) {margin-left:0;}
.about-zz-dh{ font-size:16px; text-align:center; color:#999999; background:url(../images/zsdh.png) no-repeat 383px 34px; padding:0 0 90px 0;}
.about-zz-dh span{ color:#333; font-size:30px; font-weight:bold; display:block;}

.about_history_main { width:100%; height:auto; background:url(../images/fzlc.jpg) no-repeat center bottom; margin-bottom:18px;}
.about_history_main .dh1{ position:absolute; top:70px; left:15px;width:428px; height:auto; background:url(../images/zsdh.png) no-repeat 0 bottom; color:#999999; line-height:53px; text-align:center; padding:0 0 15px 0; font-size:16px;}
.about_history_main .dh1 font{ font-size:30px; font-weight:bold; display:block; color:#333333; }
.about_history_main .txt1{position:absolute; top:220px; left:25px; width:485px; height:auto; font-size:20px; font-weight:bold; color:#e50012; line-height:35px;}
.about_history_main ul{width:1200px; min-height:680px; margin:0 auto;}
.about_history_main ul li{ clear:both;width:300px; height:auto; position:relative; line-height:35px;color:#257dc1;}
.about_history_main ul li span{ display:block;width:20px; height:20px; background:#257dc1; border-radius:50%; border:4px solid #479cdd; margin:4px 30px 20px 0;}
.about_history_main ul li p{font-size:16px; height:35px; }
.about_history_main ul li font{ display:block; font-size:18px; font-weight:bold;}
.about_history_main ul li:nth-child(1) { text-align:right; margin:0 0 0 670px; padding:20px 0 0 0;}
.about_history_main ul li:nth-child(1) span{ margin:11px 0 0 0;}
.about_history_main ul li:nth-child(2){ margin:90px 0 0 795px;}
.about_history_main ul li:nth-child(3){ margin:20px 0 0 675px;}
.about_history_main ul li:nth-child(4){ margin:-5px 0 0 500px;}
.about_history_main ul li:nth-child(5){ margin:0 0 0 355px;}
.about_history_main ul li:nth-child(6){ margin:-10px 0 0 190px;}
.about_history_main ul li:nth-child(7){ margin:-40px 0 0 15px;}
.about_history_main ul li:nth-child(7) span{ margin:0 0 8px 0;}
.about_history_main ul li:hover{ color:#e50012;}
.about_history_main ul li:hover span{background:#e50012; border:4px solid #e50012;}
.about-album-div{ width:100%; height:auto;}
.about-album-dh{ height:158px; border-bottom:1px solid #cccccc;  border-top:1px solid #cccccc;background:#e6e6e6; margin-bottom:62px;}
.about-album-line{ position:absolute; top:28px; left:0;width:1186px; border:2px solid #257dc1; height:136px; z-index:1; border-radius:16px 0 0 0;}
.about-album-dh1{ width:176px;height:45px; line-height:45px; font-size:24px; font-weight:bold; color:#222222; margin:16px 0 25px 65px; background:#e6e6e6;position:relative; z-index:2;}
.about-album-dh1 span{ width:10px; display:inline-block; height:10px; border-radius:5px; background:#257dc1;}
.about-album-dh1 span:nth-child(1){ margin-right:30px;}
.about-album-dh1 span:nth-child(2){ margin-left:30px;}
.about-album-txt1{ position:absolute; right:0px; top:42px;width:370px; height:120px; background:#257dc1; border-radius:14px 0 14px 0;  font-size:16px; color:#fff; line-height:50px; padding:20px 0 0 50px}
.about-album-txt1 font{ font-size:18px; font-weight:bold;}
.about-album-ul{ width:1200px; height:auto; margin:0 auto 60px  auto;}
.about-album-ul ul{ width:100%; height:auto; display:none}
.about-album-ul li{ width:285px; height:240px; float:left; margin:0 0 20px 20px;}
.about-album-ul li img{width:285px; height:240px; border-radius:14px 0 14px 0;}
.about-album-ul li:nth-child(4n+1){ margin-left:0px;}
.about-album-ul ul:nth-child(1){ display:block;}
.about-album-nav{ width:600px; height:auto; position:relative; z-index:9;}
.about-album-nav a{ display:inline-block; width:150px; height:35px; line-height:35px; font-size:18px; color:#222222; text-align:center; padding:0 0 15px 0; margin:0 0 0 32px;}
.about-album-nav a:hover,.about-album-nav a.on{ font-weight:bold; color:#257dc1; background:url(../images/xcdh1.jpg) no-repeat center bottom}

/*pop*/
.pop_up {position: fixed;top: 0;left: 0; display: none;background: rgba(50, 50, 50, .7);z-index: 20000;}
.pop_up_main {    height: 700px;
    width: 500px;    position: absolute; left: 50%;  top: 50%; transform:translate(-50%,-50%) ; -webkit-transform:translate(-50%,-50%) ; -moz-transform:translate(-50%,-50%) ; -ms-transform:translate(-50%,-50%) ; -o-transform:translate(-50%,-50%) ; }
.pop_up_main>img {
     width: 100%;
    height: 100%;
}


/* 鍏崇郴鐢ㄦ埛 */
.gxyh-div{ width:1200px; height:auto; margin:0 auto;}
.gxyh-div .index-title{ padding-bottom:15px;}
.gxyh-nav{ height:36px; text-align:center;}
.gxyh-nav a{ display:inline-block; height:36px; line-height:36px; font-size:16px; color:#fff; background:#999; padding:0 28px; margin:0 20px;}
.gxyh-nav a:hover,.gxyh-nav a.on{ background:#e67817;}
.gxyh-details{ color:#333333; line-height:27px; padding:10px 0 100px 0;}
/* 缈婚〉 */
.page{ width:100%;height:30px; text-align:center; padding:10px 0 60px 0;}
.page a{ display:inline-block; width:30px; line-height:30px; text-align:center; border:1px solid #ccc; margin:0 auto; font-size:16px; color:#666;}
.page img{ display:block; width:9px; height:15px; vertical-align:middle; margin:0 auto; line-height:30px;}
.page a:hover{border:1px solid #257dc1; background:#257dc1; color:#fff !important;}
.page a:nth-child(1) { background:url(../images/page01.png) no-repeat center center; font-size:0px; vertical-align:top;}
.page a:hover:nth-child(1) { background:#257dc1 url(../images/page01.png) no-repeat center center;  vertical-align:top;}
.page a:last-child{ background:url(../images/page02.png) no-repeat center center; font-size:0px; vertical-align:top;}
.page a:hover:last-child { background:#257dc1 url(../images/page02.png) no-repeat center center;  vertical-align:top;}

.page-sx{ font-size:16px; line-height:30px; border-top:1px solid #ccc; padding:10px 0 50px 0;}
.page-sx p{ padding:3px 0;}
.page-sx a{ color:#999999;font-size:16px;}
.page-sx a:hover{ color:#333 !important;}
/* 褰撳墠浣嶇疆 */
.location{ height:55px; line-height:55px;color:#000; background:url(../images/location.png) no-repeat 0 center; padding:10px 0 10px 25px;font-size:16px;}
.location span{ color:#257dc1; font-weight:bold;}
.location a{ color:#000000}
.location-1{ background:#f5f5f5; margin-bottom:40px;}
.location-1 .location{ padding:2px 0 2px 25px;}
.jjfa-details{ color:#666666; line-height:30px; padding:30px 0 38px 0;}
.jjfa-title{ background:#e6e6e6  url(../images/newsdh.png) no-repeat 922px 22px; padding:7px 0 0 38px; border-radius:13px 0 13px 0;}
.jjfa-title .dh{ width:762px; height:56px; line-height:56px; border-bottom:1px solid #cccccc; font-size:20px; color:#333; font-weight:bold;}
.jjfa-title span{ display:block; height:52px; line-height:52px; color:#666666;}
.jjfa-title a{ float:right; display:block; width:120px; height:36px; text-align:center; line-height:36px; font-size:16px; color:#fff; margin:32px 218px 0 0; background:#257dc1; border-radius:10px 0 10px 0;}

/* 妗堜緥 */
.case-dh{ width:213px; font-size:36px; height:42px; line-height:42px; margin:0 auto; background:#fff; font-weight:bold; color:#333333; position:relative; z-index:2;}
.case-dh span{ display:inline-block; width:13px; height:13px; background:#257dc1; border-radius:50%; vertical-align:middle;}
.case-dh span:nth-child(1) { margin:0 21px 0 0;}
.case-dh span:nth-child(3) { margin:0 0 0 21px;}
.case-dh font{ color:#257dc1; font-size:36px; font-weight:bold;} 
.case-line{ height:75px; border:2px solid #257dc1; border-radius:13px 0 13px 0; position:relative; margin:-18px 0 0 0; z-index:1;}
.case-nav{ height:83px; text-align:center; position:relative; z-index:3; margin:-20px 0 0 0;}
.case-nav a{ display:inline-block; width:140px; height:36px; line-height:36px; border:2px solid #999999; background:#e6e6e6; color:#333333; margin:0 10px; border-radius:8px 0 8px 0;}
.case-nav a:hover,.case-nav a.on{ background:#257dc1; border:2px solid #257dc1; color:#fff !important;}
.case-ul{ width:100%; height:auto;}
.case-ul li{ width:380px; height:auto; float:left; margin:0 0 20px 30px;}
.case-ul li img{ display:block; width:378px; height:238px; border:1px solid #999999;}
.case-ul li span{ display:block; font-size:18px; height:50px; line-height:50px; overflow:hidden; text-align:center;}
.case-ul li a{ color:#666666;}
.case-ul li a:hover{ color:#257dc1;}
.case-ul li:hover img{ border:1px solid #257dc1;}
.case-ul li:nth-child(3n+1) {margin-left:0;} 
.video-dh{ width:100%; height:auto; background:url(../images/videodh.png) no-repeat 0 bottom; font-size:16px; line-height:55px; color:#666666; text-align:center; padding:0 0 35px 0;}
.video-dh span{ display:block; font-size:36px; font-weight:bold; color:#333333; padding-bottom:5px;}
.video-dh font{ color:#257dc1;font-size:36px; font-weight:bold;}

.video-nav{ height:83px; text-align:center; position:relative; z-index:3;margin: -20px auto;width: 1000px;}
.video-nav a{ display:inline-block; width:140px; height:36px; line-height:36px; border:2px solid #999999; background:#e6e6e6; color:#333333; margin:0 10px; border-radius:8px 0 8px 0;margin-bottom: 10px;}
.video-nav a:hover,.case-nav a.on{ background:#257dc1; border:2px solid #257dc1; color:#fff !important;}


.solution {min-width: 1200px;flex-wrap: wrap;display: flex;}
.solution>div {
    position: relative;width: 24vw;min-width: 25%;min-height: 225px;height: 18vw;margin: auto; overflow:hidden;}
.solution>div>.mask {
    width: 100%;height: 100%;transition: all .25s; display:none}
.solution>div:hover .mask { display:block;}
.solution>div>* {position: absolute;}
.solution>div>img {
    width: 100%;height: 100%;filter: grayscale(1);}
.solution>div.mask {
    top: 0;left: 0;}
.icon-text {
    top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);text-align: center;}
.icon-text a{font-size:24px; font-weight:bold; line-height:40px; color:#fff;}
.solution>div:nth-child(8) .icon-text a{ display:inline-block; border:2px solid #fff; height:40px; border-radius:20px; padding:3px 30px;}

.vedios{margin: 50px auto;}
.vedios>ul {position: relative;width: 1200px;min-height: 662px;
            margin: 0 auto;transform: translate3d(0, 0, 0);}

ul>.cards-list {position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;overflow: hidden;
            border-radius: .3125rem;background-color:#fff;}

.cards-list {width: 900px;}
.cards-list>video { object-fit: fill;height:560px; width: 100%;}
.cards-list .dh{ font-size:24px; line-height:30px; text-align:center; padding:20px 0;}
.btn-direct {
            position: absolute; top: 50%;
            transform: translateY(-50%);width: 3rem;
            height: 3rem;
            border-radius: 50%;
            background-color: rgba(0, 0, 0, .7);
            opacity: 0;
            cursor: pointer;
            z-index: 100;
            transition: opacity ease 300ms
        }
.vedios:hover .btn-direct {opacity: .6}
.btn-direct:hover {opacity: .9 !important}
.btn-direct.btn-left { left: 6rem}
.btn-direct.btn-right {right: 6rem}
.btn-direct>span {position: absolute;left: 0;top: 0;right: 0;bottom: 0;
            width: .8rem; height: .8rem;margin: auto;border-top: .125rem solid #fff;border-left: .125rem solid #fff}

.vedios .btn-direct>.shift-left {transform: translate(20%) rotate(-45deg)}
.vedios .btn-direct>.shift-right {transform: translate(-20%) rotate(135deg) }

.tj-zxdg{ display:inline-block; font-size:16px; border:1px solid #fff; height:40px; line-height:40px; width:140px; text-align:center; background:#205cad; color:#fff !important; margin:20px 0 0 0;}